<template>
	 <div class="registered">
	 	   <div class="head">
	 	   	     <div class="logo">
	 	   	     	 <img src="../assets/img/logo.png" width="72px" height="42px"/>
	 	   	     </div>
	 	   	    <regist></regist>
	 	   </div>
	 	   <div class="floot">
	 	   </div>
	 </div>
</template>

<script>
	import regist from '@/components/compon/regist';
	  export default {
		components: {
			regist,
		}
		}
</script>

<style scoped>
	
.registered {
	width: 100%;
	height: 600px;
	background-color: #EFF8FF;
}

.head {
	width: 60%;
	height: 50%;
	padding-top: 90px;
	margin: 0 auto;
}

.floot {
	width: 100%;
	height: 50%;
	background-color: #64ABE1;
}

 .head  .logo {
	width: 78px;
	height: 42px;
	margin-bottom: 18px;
}
</style>